<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>BDC</title>
		<link href="css/bootstrap.css" rel="stylesheet" />
		<!--<link href="css/bootstrap-responsive.min.css" rel="stylesheet" />-->
		<link href="css/style.css" rel="stylesheet" />
		<style>
			a{background-position: }
		</style>
	</head>
	<body>
		<div class="container">
			<div class="navbar library-navbar">
				<div class="navbar-inner navbar-fixed-top">
					<div class="container">
						<!--<a class="brand" href="#">轻松记</a>-->
						<ul class="nav">
							<li>
								<a href="index.html"><i class="icon-edit"></i> 记忆卡</a>
							</li>
							<li>
								<a href="review.html"><i class="icon-time"></i> 复习</a>
							</li>
							<li  class="active">
								<a href="#"><i class="icon-white icon-book"></i> 记忆库</a>
							</li>
						</ul>
						<ul class="nav pull-right">
							<li class="divider-vertical"></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle"	data-toggle="dropdown"> <i class="icon-white icon-user"></i>欢迎您，杨关云 <b class="caret"></b> </a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container row library-container">
			<div class="span3">
				<ul class="nav nav-tabs nav-stacked library-nav">
					<li>
						<a href="library.html">本周<i class="icon-white  icon-chevron-right pull-right"></i></a>
					</li>
					<li>
						<a href="library.html">本月<i class="icon-white icon-chevron-right pull-right"></i></a>
					</li>
				</ul>
				<ul class="nav nav-tabs nav-stacked library-nav">
					<li class="active">
						<a href="#">未分类<i class="icon-chevron-right pull-right"></i></a>
					</li>
					<li>
						<a href="#">音乐</a>
					</li>
					<li>
						<a href="#">音乐</a>
					</li>
					<li>
						<a href="#">音乐</a>
					</li>
					<li>
						<a href="#">音乐</a>
					</li>
				</ul>
				<ul class="nav nav-tabs nav-stacked library-nav">
					<li>
						<a href="#"><i class=" icon-plus"></i>新建分类</a>
					</li>
				</ul>
			</div>
			<div class="span8">
				
				<div class="alert alert-error">
  <a class="close" data-dismiss="alert">×</a>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
				
				<div class="library-list">
					<div class="library-list-header">
						
						<h2><a class="btn btn-small pull-right" data-toggle="modal" href="#myModal"><i class="icon-cog"></i> 编辑</a>未分类<span class="label label-inverse">10</span></h2>	
						<div class="modal hide fade" id="myModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>
					</div>
					
					
					<div class="library-list-items">
						
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.Life was like a box of chocolates, you never know what you're gonna get.Life was like a box of chocolates, you never know what you're gonna get.Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p>生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p>生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p class="">生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p class="">生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p class="">生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p class="">生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p class="">生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						<div class="library-list-item">
							<span class="pull-right"><a class="close">&times;</a></span>
							<h4>Life was like a box of chocolates, you never know what you're gonna get.</h4>
							<p class="">生命就像一盒巧克力，结果往往出人意料。</p>
						</div>
						
					
					
				</div>
				
			</div>
		</div>
		<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
		<script></script>
	</body>
</html>
